<template>
	<div class="my-header" :style="{backgroundColor:background,color}">{{title}}</div>
</template>

<script>
	export default {
   props:{
    background:String,
    color:{
      type:String,
      default:'#fff'//color变量默认值
    },
    title:{
       type:String,
       required:true //必须传的变量值
    }
   }
	}
</script>

<style lang="less" scoped>
	.my-header {
		height: 45px;
		line-height: 45px;
		text-align: center;
		background-color: #1d7bff;
		color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}
</style>
